<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Store test page</title>
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.22.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
		<script type="text/javascript">
			var changeProgress = function(event, object) {
				//alert('change');	
				$('<p>change</p>').appendTo('body');
			};

			var increaseProgress = function() {
				$('#progress').progressbar('value', $('#progress').progressbar('value') + 5);	
				if ($('#progress').progressbar('value') >= 100) {
					window.clearInterval($('#progress').attr('interval'));
				}
			}

			$(function(){
				$('#progress').attr('interval', window.setInterval(increaseProgress, 5000));
				$('#progress').progressbar({value: 5, change: changeProgress});	
			
			});
		</script>
		<style type="text/css">
     
		</style>
	</head>
	<body>
	<h1>jQuery UI test page</h1>
	<p>
	</p>
	<div id="progress" />
	
	</body>
</html>




